@charset "utf-8";
.banner_container,.list-con,.main-con,.main_wrap,.page-con,.pic-con,.card-box{
    width:1130px;
    margin:0 auto;
}
.banner_container{
    height:286px;
    background:fuchsia;
}
#container{
    width:1130px;
    height:286px;
    background:pink;
    margin:20px auto;
    position:relative;
    overflow:hidden;
}
#container #prev_btn{
    display:flex;
    position:absolute;
    width:60px;
    height:60px;
    background:rgba(39, 39, 39, .7);
    border-radius:50%;
    left:20px;
    top:120px;
    justify-content:center;
    align-items:center;
    cursor: pointer;
    /* 给 banner_container添加定位后显示箭头*/
    z-index: 999;
}
#container #prev_btn img{
    width:60%;
    height:60%;
}
#container #next_btn{
    display:flex;
    position:absolute;
    width:60px;
    height:60px;
    background:rgba(39, 39, 39, .7);
    border-radius:50%;
    right:20px;
    top:120px;
    justify-content:center;
    align-items:center;
    cursor: pointer;
    /* 给 banner_container添加定位后显示箭头*/
    z-index: 999;
}
#container #next_btn img{
    width:60%;
    height:60%;
}
#banner_container{
    width:7910px;
    height:286px;
}
#banner_container li{
    width:1130px;
    height:286px;
    float:left;
}
#banner_container li img{
    width:100%;
    height:100%;
}
#banner_container{
position:absolute;
}

/* 列表部分 */
#list{
    margin:10px 0 40px 0;
}
.list-con{
    height:168px;
    /* background:pink; */
}
#list .list-con p{
    width:210px;
    height:168px;
    float:left;
}
.list-con .list{
    margin-right:20px;
}
.list-con p img{
    width:100%;
    height:100%;
}
/* 主体部分 */
.main_wrap{
 height:56px;
 /* background:#999; */
}
.wraplr{
    margin:0 auto;
    width:188px;
}
.wraplr .main_l{
    width:64px;
    height:56px;
    float:left;
    line-height:56px;
    border-bottom:2px solid #000;
    margin-right:60px;
}
.wraplr .main_r{
    width:64px;
    height:56px;
    float:left;
    line-height:56px;
}
.wraplr a{
    font-size:16px;
    color:#282828;
}
.wraplr .main_r a{
    font-size:16px;
    color:#999999;
}
#main{
    background:#efefef;
    margin-top:20px;
}
.main-con{
    height:2224px;
    /* background:blue; */
} 
.main_con{
    float:left;
    width:210px;
    margin-right:20px;
}
.main-con .main_con p{
    width:210px;
    height:158px;
}
.main-con .main_con p img{
    width:100%;
    height:100%;
}
/* 添加鼠标滑过效果 */
.main-con .main_con p:hover img{
    opacity:0.6;
}
.main-con .main_con .main_conx{
    width:210px;
    height:100px;
    padding:11px 16px 13px;
    margin-right:20px;
}
.main-con h2{
    font-size:14px;
}
.main-con h4{
    font-size:12px;
    color:#BBBBBB;
    margin-bottom:17px;
}
.main-con .main_con span{
    font-size:12px;
    color:#BBBBBB;
    margin-right:10px;
}
.main-con .main_con:nth-of-type(5){
    margin-right:0;
}
.main-con .main_con:nth-of-type(10){
    margin-right:0;
}
.main-con .main_con:nth-of-type(15){
    margin-right:0;
}
.main-con .main_con:nth-of-type(20){
    margin-right:0;
}
.main-con .main_con:nth-of-type(25){
    margin-right:0;
}
.main-con .main_con:nth-of-type(30){
    margin-right:0;
}
.main-con .main_con:nth-of-type(35){
    margin-right:0;
}
.main-con .main_con:nth-of-type(40){
    margin-right:0;
}
/* page */
#page{
    margin:30px 0 20px 0;
}
.page-con{
    height:40px;
    /* background:#ccc; */
}
.page-con .page_con{
    width:484px;
    height:40px;
    margin:auto;
}
.page-con p{
    box-sizing: border-box;
    width:40px;
    height:40px;
    /* background:yellow; */
    float:left;
    margin:0 2px;
    border-radius:4px;
    text-align:center;
    line-height:40px;
    border:1px solid #ccc;
}
/* 鼠标滑过效果 */
.page-con p:hover{
    background:yellow;
}
.page-con p a{
    color:#999;
}
.page-con p img{
    width:40%;
    height:40%;
    margin-top:10px;
}
/* picture */
.pic-con{
    height:160px;
    /* background:palevioletred; */
}
.pic-con img{
    width:100%;
    height:100%;
}
.pic-con .pic_con{
    height:50px;
    line-height:50px;
}
.pic-con .pic_con .pic_conl{
    float:left;
}
.pic-con .pic_con .pic_conr{
    float:right;
    color:orangered;
}

/* cardbox */
#cardbox{
    margin-bottom:20px;
}
.card-box{
    height:158px;
    /* background:yellowgreen; */
}
.card-box .card_box{
    width:210px;
    height:158px;
    /* background:palevioletred; */
    margin-right:20px;
    float:left;
    margin-left:0;
}
/* 去除最后一个的margin-right */
.card-box .card_box:nth-of-type(5){
    margin-right:0;
}
.card-box .card_box li{
    width:210px;
    height:118px;
}
.card-box .card_box h3{
    height:40px;
    /* background:aqua; */
    line-height:40px;
    margin-left:4px;
}
.card-box .card_box li img{
    width:100%;
    height:100%;
}

/* 回到顶部按钮 */
.box p{
    width:50px;
    height:50px;
    background:#999 url(../images/shangjiantou.png) no-repeat center;
    border-radius:4px;
    position:fixed;
    right:80px;
    bottom:260px;
    /* display:none; */
}



